<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>网易云轮播图</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="lunbo.js"></script>
    <link href="lunbo.css" type="text/css" rel="stylesheet">
</head>
<body>
    <div id="container">
        <nav id="lunbo">
            <div id="prebtn"></div>
            <div id="imgsbox">
                <div class="abox m"><a href="#"><img src="imgs/1.jpg" alt="" width="100%" height="100%"></a></div>
                <div class="abox r"><a href="#"><img src="imgs/2.jpg" alt="" width="100%" height="100%"></a></div>
                <div class="abox"><a href="#"><img src="imgs/3.jpg" alt="" width="100%" height="100%"></a></div>
                <div class="abox"><a href="#"><img src="imgs/4.jpg" alt="" width="100%" height="100%"></a></div>
                <div class="abox"><a href="#"><img src="imgs/5.jpg" alt="" width="100%" height="100%"></a></div>
                <div class="abox"><a href="#"><img src="imgs/6.jpg" alt="" width="100%" height="100%"></a></div>
                <div class="abox"><a href="#"><img src="imgs/7.jpg" alt="" width="100%" height="100%"></a></div>
                <div class="abox"><a href="#"><img src="imgs/8.jpg" alt="" width="100%" height="100%"></a></div>
                <div class="abox l"><a href="#"><img src="imgs/9.jpg" alt="" width="100%" height="100%"></a></div>
            </div>
            <ul id="btnsbox">
                <li class="lbbtn" id="0"></li>
                <li class="lbbtn" id="1"></li>
                <li class="lbbtn" id="2"></li>
                <li class="lbbtn" id="3"></li>
                <li class="lbbtn" id="4"></li>
                <li class="lbbtn" id="5"></li>
                <li class="lbbtn" id="6"></li>
                <li class="lbbtn" id="7"></li>
                <li class="lbbtn" id="8"></li>
            </ul>
        </nav>
    </div>
</body>
</html>